<div class="page" data-ng-controller="editHeadBannerCtrl">
    <section class="panel panel-default table-dynamic">
        <div class="panel-heading">
            <strong>
                <span class="glyphicon glyphicon-th"></span>编辑轮播图--为了展示美观,建议大小不超过1M,所有图片长宽保持一致</strong>
        </div>
        <div class="panel-body">
            <div class="col-md-8 col-md-offset-2">
                <form class="form-horizontal form-validation" role="form">

                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">轮播图片1</label>
                        <div class="col-sm-10">
                            <div class="col-sm-9">
                                <input type="file" class="form-control"
                                       bc-image-upload="{ model : 'headSources1.banner_url', progressPercent: 'percent1',
                   callbackFunc: 'imgUploadCallback' }" accept="image/*"/>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-success btn-w-md "
                                        data-ng-click="saveHeadSources(headSources1)">保存
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-offset-2 col-sm-10" ng-if="percent1 > 0" style="margin-top:15px;">
                            <div class="progress-bar progress-bar-info progress-bar-striped active"
                                 style="width: 0!important;">
                                <div class="progress-value">{{percent1}}%</div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"
                                   value="headSources1.banner_url" data-ng-model="headSources1.banner_url"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">轮播图片2</label>
                        <div class="col-sm-10">
                            <div class="col-sm-9">
                                <input type="file" class="form-control"
                                       bc-image-upload="{  model : 'headSources2.banner_url', progressPercent: 'percent2',
                   callbackFunc: 'imgUploadCallback' }" accept="image/*"/>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-success btn-w-md "
                                        data-ng-click="saveHeadSources(headSources2)">保存
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-offset-2 col-sm-10" ng-if="percent2 > 0" style="margin-top:15px;">
                            <div class="progress-bar progress-bar-info progress-bar-striped active"
                                 style="width: 0!important;">
                                <div class="progress-value">{{percent2}}%</div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"
                                   value="headSources2" data-ng-model="headSources2.banner_url"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">轮播图片3</label>
                        <div class="col-sm-10">
                            <div class="col-sm-9">
                                <input type="file" class="form-control"
                                       bc-image-upload="{  model : 'headSources3.banner_url', progressPercent: 'percent3',
                   callbackFunc: 'imgUploadCallback' }" accept="image/*"/>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-success btn-w-md "
                                        data-ng-click="saveHeadSources(headSources3)">保存
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-offset-2 col-sm-10" ng-if="percent3 > 0" style="margin-top:15px;">
                            <div class="progress-bar progress-bar-info progress-bar-striped active"
                                 style="width: 0!important;">
                                <div class="progress-value">{{percent3}}%</div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"
                                   value="headSources3.banner_url" data-ng-model="headSources3.banner_url"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">轮播图片4</label>
                        <div class="col-sm-10">
                            <div class="col-sm-9">
                                <input type="file" class="form-control"
                                       bc-image-upload="{  model : 'headSources4.banner_url', progressPercent: 'percent4',
                   callbackFunc: 'imgUploadCallback' }" accept="image/*"/>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-success btn-w-md "
                                        data-ng-click="saveHeadSources(headSources4)">保存
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-offset-2 col-sm-10" ng-if="percent4 > 0" style="margin-top:15px;">
                            <div class="progress-bar progress-bar-info progress-bar-striped active"
                                 style="width: 0!important;">
                                <div class="progress-value">{{percent4}}%</div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"
                                   value="headSources4.banner_url" data-ng-model="headSources4.banner_url"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="col-sm-2 control-label">轮播图片5</label>
                        <div class="col-sm-10">
                            <div class="col-sm-9">
                                <input type="file" class="form-control"
                                       bc-image-upload="{  model : 'headSources5.banner_url', progressPercent: 'percent5',
                   callbackFunc: 'imgUploadCallback' }" accept="image/*"/>

                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-success btn-w-md "
                                        data-ng-click="saveHeadSources(headSources5)">保存
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-offset-2 col-sm-10" ng-if="percent5 > 0" style="margin-top:15px;">
                            <div class="progress-bar progress-bar-info progress-bar-striped active"
                                 style="width: 0!important;">
                                <div class="progress-value">{{percent5}}%</div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"
                                   value="headSources5.banner_url" data-ng-model="headSources5.banner_url"/>
                        </div>
                    </div>

                </form>
            </div>

        </div>
    </section>


</div>